<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标签的浮动</title>
  <style>
    .father{
      background: #eee;
      border: 1px dashed #999;
    }
    .box01,.box02,.box03{
      height: 50px;
      line-height: 50px;
      border: 1px dashed #999;
      margin: 15px;
      padding: 0px 10px;
      float:left;
    }
    .box01{
      background: #FF9;
    }
    .box02{
      background: #FC6;
      clear: left;
    }
    .box03{
      background: #F90;
    }
    p{
      background: #ccf;
      border: 1px dashed #999;
      margin: 15px;
      padding: 0px 10px;
    }
  </style>
</head>
<body>
<div class="father">
  <div class="box01">box01</div>
  <div class="box02">box02</div>
  <div class="box03">box03</div>
  <p>欧卡更何况两个绿卡就是两个客户格林卡很久两个卡里顶顶顶划拉开是个拉客户狗儿温哥华离开过和苏联空军的光辉历史的非结构化打了十几个那边收到拉开进攻你死定了，白色的明尼苏达</p>
</div>
</body>
</html>